// // 首页js效果

// // 中部统计数字的监听动态显示
// // 绑定scroll事件
// window.onscroll = function() {
//     // 获取滚动条的位置：滚动条到浏览器顶部的距离
//     // var scrollPos;
//     // if (window.pageYOffset) {
//     //     scrollPos = window.pageYOffset;
//     // } else if (document.compatMode && document.compatMode != 'BackCompat') {
//     //     scrollPos = document.documentElement.scrollTop;
//     // } else if (document.body) {
//     //     scrollPos = document.body.scrollTop;
//     // }

//     // if (scrollPos == 600) {
//     //     // 要让数字从0递增，一直到指定的数字
//     //     // alert(1);
//     // }
//     // var t = document.documentElement.scrollTop || document.body.scrollTop; //获取滚动距离bai


//     var ps = document.querySelectorAll(".number");
//     ps.forEach(function(p){
//         console.log(p)
//     })
//     // ps.forEach(function(p) {
//     //     var max = p.getAttribute("maxNum");
//     //      console.log(max);
//     //     // 设置定时器
//     //     var t = window.setInterval(function() {
//     //         // 让p标签的数字递增
//     //         var n = Number(p.innerText);
//     //         if (n < max) {
//     //             p.innerText = ++n;
//     //         } else {
//     //             window.clearInterval(t);
//     //         }
//     //     }, 10);

//     // });

// }
// 首页js效果



//成功案例————选项卡效果
window.onload = function () {


    //----------------------------我们的实力数字自增效果--------------------------------
    // 中部统计数字的监听动态显示
   
    window.onscroll = function () {
        // 获取滚动条的位置：滚动条到浏览器顶部的距离
        // var scrollPos;
        // if (window.pageYOffset) {
        //     scrollPos = window.pageYOffset;
        // } else if (document.compatMode && document.compatMode != 'BackCompat') {
        //     scrollPos = document.documentElement.scrollTop;
        // } else if (document.body) {
        //     scrollPos = document.body.scrollTop;
        // }
        // console.log(scrollPos);
        // if (scrollPos == 600) {
        //     // 要让数字从0递增，一直到指定的数字
        //     // alert(1);
        // }
        var top = $(window).scrollTop();
        if(top>500){
        var ps = document.querySelectorAll(".number");
        ps.forEach(function (p) {
            var max = p.getAttribute("maxNum");
            // 设置定时器
            var t = window.setInterval(function () {
                // 让p标签的数字递增
                var n = parseInt(p.innerText);
                $(function(){
                    $(".dataNums").rollNumDaq({
                        deVal:389
                    });
                });
                if (n < max) {
                    p.innerText = ++n;
                } else {
                    window.clearInterval(t);
                }
            }, 10);
        });
    }
    }

    //----------------------------成功案例选项卡--------------------------------

    //在绑定事件之前————显示第一个卡片
    $(".case .content .case_content").hide().first().show();

    //给li添加事件
    $(".case .content .clogo li").on(
        {
            mouseenter: function () {
                //在此处添加鼠标经过事件
                var index = $(this).index();
                //隐藏所有卡片
                //显示下标和选项下标一样的卡片
                $(".case .content .case_content").hide().eq(index).show();
                //给此li 显示border
                $(this).children(".border").show().parent().siblings().children('.border').hide();
            },
            mouseleave: function () {
                //在此处添加鼠标离开事件
            }
        });

    //----------------------------WMS的优势导航栏交互效果--------------------------------
    $(".good .content .left li").mouseenter(function () {



    });
    //----------------------------我们的实力选项卡--------------------------------
    $(".news_top .box .left").hide().first().show();
    $(".news_top .content .cate li").mouseenter(function(){

       let index = $(this).index();
       $(".news_top .box .left").hide().eq(index).show();

    });
    //----------------------------我们的优势右下角轮播图--------------------------------
   var bg_width = $(".good .right-bg ").width();
   bg_width = bg_width*0.4;
  
   $(".good .right-bg ").css({
       height:bg_width+"px"
   })

 //----------------------------中部想等部分--------------------------------
 var r_height=$(".news_top .right").height();
//  alert($(".news_top .right").height())
 $(".news_top .left").css({
        height:r_height+"px"
    });
    // alert($(".news_top .left").height())

 //----------------------------卡片动画通过js实现--------------------------------
$(".strength .list li").on(
    {
        mouseenter: function () {
            //在此处添加鼠标经过事件
            $(this).css({

                transform: "translateY(-5px)"
            })
        },
        mouseleave: function () {
            //在此处添加鼠标离开事件
            $(this).css({
                transform: ""
            })
        }
    });



    //----------------------------form表单验证--------------------------------
    var form = document.querySelector(".contactWay form");
    var name = form.elements["name"];
    var phone = form.elements["tel"];
    var email = form.elements["email"];
    form.onsubmit = function () {
        if (!/^[\u2E80-\u9FFF]{2,}$/.test(name.value)) {
            alert("姓名必须为2位及以上中文");
            return false;
        }
        if (!/^1[3456789][0-9]{9}$/.test(phone.value)) {
            alert("手机格式不正确");
            return false;
        }
        if (!/^\w{2,}@[a-zA-Z0-9]{1,}\.[a-zA-Z0-9]{2,3}$/.test(email.value)) {
            // alert("邮箱格式不正确");
            return false;
        }
    }

}
